<template>
  <div>
    <h4>Game组件</h4>
    <router-link to="/home/game/item/?id=001&title=DNF" tag="button"
      >DNF</router-link
    >
    <router-link
      :to="{
        name: 'item',
        query: {
          id: '002',
          title: 'Cf',
        },
      }"
      tag="button"
      >CF</router-link
    >
    <router-link
      :to="{
        name: 'item',
        query: {
          id: '003',
          title: 'LOL',
        },
      }"
      tag="button"
      >LOL</router-link
    >

    <router-view></router-view>
  </div>
</template>

<script>
export default {
  name: "Game",
  mounted() {
    console.log("Game的mounted");
  },
  beforeDestroy() {
    console.log("Game的beforeDestroy");
  },
};
</script>

<style scoped>
button {
  margin: 20px;
}
</style>
